<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <link rel="icon" href="/src/assets/image/logo.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>江苏省重点目标作战要素采集系统</title>
  <script>
    let theme = window.localStorage.getItem('vueuse-color-scheme')
    if (theme)
      document.getElementsByTagName('html')[0].className = theme
  </script>
  <style type="text/css">
    body {
      margin: 0;
    }

    html.dark {
      --cloak-bg: #333;
      --cloak-text: #FFF;
    }

    html {
      --cloak-bg: #F5F6F6;
      --cloak-text: #000;
    }

    [v-cloak] .app-placeholder {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
    }

    [v-cloak] .logo {
      position: relative;
      width: 6rem;
      height: 6rem;
      overflow: hidden;
      border: none;
      /* border-radius: 50%; */
      animation: 2s flip infinite;
    }

    [v-cloak] {
      background: #F5F6F6;
      position: relative;
      width: 100vw;
      height: 100vh;
      background-color: var(--cloak-bg);
      color: var(--cloak-text);
    }

    @keyframes flip {
      0% {
        transform: rotateY(0);
      }

      25% {
        transform: rotateY(180deg);
      }

      50% {
        transform: rotateY(180deg) rotateX(180deg);
      }

      75% {
        transform: rotateY(360deg) rotateX(180deg);
      }

      100% {
        transform: rotateY(360deg) rotateX(360deg);
      }
    }

    #cesiumContainer {
      z-index: 0;
    }

  </style>
</head>


<body>
  <div id="app" v-cloak>
    <div class="app-placeholder">
      <!-- <img class="logo" src="/src/assets/image/logo.png" alt=""> -->
      <p class="text"> 系统加载中...</p>
    </div>
  </div>

  <div id="cesiumContainer"></div>

  <script type="module" src="/src/main.ts"></script>
</body>

<script src="CGS-2.3.0.23/CgsInit.js"></script>
<script src="config/service-dev.js"></script>
<script src="config/service-prod.js"></script>


</html>
